/* Original Css by jPages */

.holder {margin: 15px 0; }

.holder a {
	font-size: 12px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
}

.holder a:hover {
	background-color: #222;
	color: #fff;
}

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { 
	color: #FF4242;
	font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.holder span { margin: 0 5px; }

/* Apply Gappro Css */

ul#items { list-style: none; padding:0; margin: 20px 0;  }
ul#items li { display: inline-block; margin: 5px; zoom: 1; *display:inline; }
ul#items li img { 
	vertical-align: bottom; 
	width: 125px; 
	height: 125px; 

	-o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
ul#items li img:hover {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.3);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

div#holder { margin-left: 8px; }
div#holder a { 
	cursor: pointer;
	padding: 4px;
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.016), rgba(0, 0, 0, 0.02));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.014), rgba(0, 0, 0, 0.02));
    box-shadow: 1px 1px 3px #000, -1px -1px 3px #000;

    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div#holder a { margin-right: 8px; }
div#holder a.jp-first { }
div#holder a.jp-last { }
div#holder a.jp-previous { }
div#holder a.jp-next { }
div#holder a.jp-disabled { color: #999; cursor: wait; }
div#holder a.jp-current { color: #fff; }